.comp-header .headerComponent {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.comp-header .headerComponent .mu-appbar-left {
    width: 60px;
}
.comp-header .headerComponent .mu-appbar-title {
    text-align: center;
}

.page-setting .content {
  width: 100%;
  text-align: center;
}
.page-setting .content .card {
    position: relative;
    width: 90%;
    height: 200px;
    margin: 20px auto;
    border: 3px dotted #263238;
}
.page-setting .content .card h3 {
      margin-top: 70px;
      font-size: 18px;
      display: inline-block;
}
.page-setting .content .card p {
      font-size: 16px;
}
.page-setting .content .card p img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
}
.page-setting .content .card input {
      position: absolute;
      width: 100%;
      height: 200px;
      left: 0;
      top: 0;
      overflow: visible;
      opacity: 0;
      z-index: 100;
}
.page-setting .content .btn {
    width: 100%;
    height: 36px;
    padding: 0 40px;
    text-align: center;
}
.page-setting .content .btn button {
      color: rgba(0, 0, 0, 0.3);
      font-size: 14px;
      min-width: 88px;
      width: 100%;
      height: 36px;
      line-height: 36px;
}
.page-setting .content .btn .btn_1 {
      outline: none;
      -webkit-appearance: none;
      border-radius: 36px;
      background-color: #e6e6e6;
}
.page-setting .content .btn .btn_1.abled {
        color: #fff;
        background-color: skyblue;
}

